// import Vue from 'vue'
// // 自定义指令
// Vue.directive('imgerror', {
//   inserted(el, binding) {
//     console.log('zhixing', el)
//     // 如果图片没有地址，显示默认地址
//     if (!el.src) {
//       el.src = binding.value
//     }
//     // 当图片加载失败的时候，才使用默认的图片
//     el.onerror = function() {
//       el.src = binding.value
//     }
//   }
// })

export const imgerror = {
  // el 指令所在的元素
  // binding 指令的相关信息对象, binding.value 指令的值
  inserted(el, binding) {
    if (!el.src) {
      el.src = binding.value
    }
    // console.log(el, bindings)
    el.onerror = function() {
      // console.log('图片加载失败了'), 设置备用图片地址
      el.src = binding.value
    }
  },
  // 没有头像显示默认图片
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}

export const focus = {
  inserted(el) {
    el.focus()
  }
}
